import React,{Component} from "react";
import H5Tailer from "../../components/H5Tailer";
import "./index.css";

export default class H5Race extends Component {
    render() {
        return (
            <div className="container">
                <header>
                    <a href="/"><img alt="1" src="/img/logo.png" className="logo" /></a>
                    <a href="/" className="navMenu"><img alt="1" src="/img/menu.png" /></a>
                </header>
                <div className="banner ds-banner">
                    <h1>数字化创新大赛</h1>
                    <p>云集行业专家，以赛促效，<br/>驱动业务创新变革</p>
                    <a href="/">获取定制方案</a>
                </div>
                <nav>
                    <a href="/"><span className="on">产品概述</span></a>
                    <a href="/">产品特点</a>
                    <a href="/">培训方式</a>
                    <a href="/">大赛主题</a>
                </nav>
                <div className="overview">
                    <h1 className="h1Tit">产品概述</h1>
                    <p className="subTit">创新大赛是通过以赛带“学、练、创、产”形式，激发学习者自下而上输出好产品的开放型创新培训方式，它能帮助企业与员工：</p>
                    <img alt="1" src="/img/img_02/ds_01.png" className="img-full"/>
                    <img alt="1" src="/img/img_02/ds_02.png" className="img-full"/>
                </div>

                <div className="feature bg-grey">
                    <h1 className="h1Tit">产品特点</h1>
                    <p className="subTit">大赛通过赛训结合、以赛促效的模式，帮助发掘并培养数字化创新应用人才，助力数字化转型，形成“员工自身成长、公司业务增长、实训文化生长”的良性循环。</p>
                    <div className="ds-feature">
                        <div className="ds-featureWrap">
                            <img alt="1" src="img/img_02/ds_07.png"/>
                            <img alt="1" src="img/img_02/ds_08.png"/>
                            <img alt="1" src="img/img_02/ds_09.png"/>
                        </div>
                    </div>
                    <div className="nav-btn"><a href="/"> </a><a href="/" className="on"> </a><a href="/"> </a></div>
                </div>
                <div className="train">
                    <h1 className="h1Tit">培训方式</h1>
                    <h2 className="h2Tit">赛训并行 以赛促成果</h2>
                    <p className="subTit">培训：让员工成长、输入“专业性”知识；大赛：让企业成长、输出“价值性”项目</p>
                    <img alt="1" src="img/img_02/ds_03.png" className="img-full"/>
                    <h2 className="h2Tit">赛训并行 以赛促成果</h2>
                    <p className="subTit">黑客松（hackathon）又称“编程马拉松”，即强调在“短时间、高强度、重实操”地完成某项任务。基于黑客松，引导学员将最终的学习成果闭环到企业实际工作场景中，深刻践行从场景中来到场景中去。</p>
                    <img alt="1" src="img/img_02/ds_04.png" className="img-full"/>
                </div>

                <div className="type">
                    <h1 className="h1Tit">大赛类型</h1>
                    <img alt="1" src="img/img_02/ds_05.png" className="img-full"/>
                </div>
                <div className="case bg-grey">
                    <h1 className="h1Tit">成功案例</h1>
                    <div className="caseWrap">
                        <img alt="1" src="img/img_02/ds_06.png" className="img-full"/>
                        <img alt="1" src="img/img_02/ds_10.png" className="img-full" style={{display: 'none'}}/>
                    </div>
                    <div className="nav-btn"><a href="/" className="on"> </a><a href="/"> </a></div>
                </div>

                <H5Tailer/>

            </div>
        )
    }
}